<template>
	<view>
		<view :class="{ 'cu-modal bg-black show': start }" @click="start = !start">
			<view :class="{ 'cu-dialog w-100': start }">
				<swiper style="height: 100vw;" class="screen-swiper round-dot" indicator-dots circular=true duration="400">
					<swiper-item class="swiper-item" v-for="(item, index) in list" :key="index">
						<image :src="item" class="loaded" mode="widthFix" lazy-load="true"></image>
					</swiper-item>
				</swiper>			
			</view>
		</view>
	</view>
</template>

<script>
import util from '@/utils/util'

export default {
	props: {
		list: {
			type: Array,
			default: () => []
		},
		current: {
			type: Number,
			default: 0
		}
	},
	data() {
		return {
			start: false
		}
	},
	onLoad (options) {
	},
	methods: {}
}
</script>
